<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/AdminLTE.min.css">
<link rel="stylesheet" href="css/admin.css">
<title>首页</title>
<section class="content-header">
  <h1>
    首页
    <small>面板</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
    <li class="active">面板</li>
  </ol>
</section>

<div class="m-container">
    <div class="row" style="margin-bottom: 20px">
      <div class="col-md-12">
        <button class="btn btn-success">开启上墙</button>
      </div>
    </div>
    <div class="row">
        <div class="col-md-4 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-aqua">收</span>
            <div class="info-box-content">
              <span class="info-box-text">昨日营收<a href="#" class="f-right">详情</a></span>
              <span class="info-box-number text-info">90<small>%</small></span>
            </div>
          </div>
        </div>

        <div class="col-md-4 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-red">余</span>
            <div class="info-box-content">
              <span class="info-box-text">待结算金额</span>
              <span class="info-box-number text-danger">41,410 <small>万</small></span>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-green">结</span>
            <div class="info-box-content">
              <span class="info-box-text">已经结算</span>
              <span class="info-box-number text-success">345,353</span>
            </div>
          </div>
        </div>

        <!-- <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-yellow">粉</span>
            <div class="info-box-content">
              <span class="info-box-text">目前粉丝</span>
              <span class="info-box-number">2,000</span>
            </div>
          </div>
        </div> -->

    </div>

    <!-- chart -->
    <div class="row">
        <div class="col-md-6 col-xs-12">
            <div class="box box-info">
                <div class="box-header with-border">
                  <i class="fa fa-line-chart"></i>
                  <h3 class="box-title">月收入曲线图</h3>
                  <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                    </button>
                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                  </div>
                </div>
                <div class="box-body">
                  <div id="interactive" style="height: 300px;"></div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-xs-12">
            <div class="box box-danger">
                <div class="box-header with-border">
                    <i class="fa fa-pie-chart"></i> 
                  <h3 class="box-title">本月收入分布</h3>

                  <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                    </button>
                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                  
                  </div>
                </div>
                <div class="box-body">
                  <div style="height: 300px;"></div>
                </div>
            </div>
        </div>
    </div>





</div>